<template>
  <div>
    <el-checkbox-group v-model="selectDynamicLabel">
      <el-checkbox
        v-for="item in dynamicData"
        :label="item.label"
        :key="item.prop"
      >
        {{ item.label }}
      </el-checkbox>
    </el-checkbox-group>
    <CreateTable border :columns="tableColumns" :data="tableData" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import {
  dynamicData,
  selectDynamicLabel,
  tableColumns
} from './hook/useDynamicMethod'
import CreateTable from '@/components/CreateTable/index.vue'

// 表格数据
const tableData = ref([])
tableData.value = [
  { name: '啊啊啊啊111', day: '2022-01-01' },
  { name: '啊啊啊啊222', day: '2022-01-02' },
  { name: '啊啊啊啊333', day: '2022-01-04' }
]
</script>

<style scoped></style>
